Color

IIC2026 2020-2

Colormaps

Color

IIC2026 2020-2

Colormaps


Asociación entre datos y colores.

Colormaps


Asociación entre datos y colores.


  • Categóricos
  • Ordenados:
    • Secuenciales
    • Divergentes

Colormaps continuos

Colormaps segmentados

Colormaps continuos


(Fuente color maps: D3 Scale Chromatic)



Colormaps segmentados

Colormaps continuos


(Fuente color maps: D3 Scale Chromatic)



Colormaps segmentados


(Fuente color maps: D3 Scale Chromatic)

Colormaps categóricos


(Fuente color maps: D3 Scale Chromatic )



  • También conocidos como cualitativos.

  • Usan color para codificar categorías y agrupaciones.

  • Suelen ser segmentados al mismo tiempo.

Buscar referencias de colormaps


(Fuente imagen: Color Brewer )

Colormaps ordenados


Rango de colores ordenados en algún sentido.

Colormaps secuenciales


(Fuente color maps: D3 Scale Chromatic )



(Fuente color maps: D3 Scale Chromatic )

Colormaps divergentes


(Fuente color maps: D3 Scale Chromatic)



(Fuente color maps: D3 Scale Chromatic)

Matices en colormaps ordenados


(Fuente: Libro "Visualization, Analysis and Design")

Colormaps en D3.js


  • d3-color
  • d3-scale-chromatic
  • d3.interpolateLab
  • d3-hsluv

Daltonismo


Alteración de origen genético que afecta a la capacidad de distinguir los colores.

Daltonismo


Alteración de origen genético que afecta a la capacidad de distinguir los colores.


  • Diseñar no solo con matiz, si no con saturación y luminosidad.
  • Simular efectos de daltonismo sobre elecciones y reconocer efectividad.

Colormaps

Color

IIC2026 2020-2


¡Deja tus preguntas en los comentarios!